<!DOCTYPE html>
<html lang="zh-Hans">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>xxx的简历</title>
    <link rel="stylesheet" type="" href="style.css">
</head>

<body>
    <section class="summary">
        <img class="avatar" src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1490526863326&di=9749ff3be08811093f30d7521b2f88f3&imgtype=0&src=http%3A%2F%2Fandroid-wallpapers.25pp.com%2F20140805%2F0941%2F53e0366b020279_900x675.jpg"
            alt="">
        <div class="text">
            <h1>XXX</h1>
            <p>前端工程师</p>
            <p>千里之行，始于足下</p>
        </div>
    </section>
    <section class="works">
        <h2>作品</h2>
        <ul>
            <li>
                <div class="imgageWrapper">
                    <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1490526863327&di=62c9ade5a75f2f1c046f47e4b7838632&imgtype=0&src=http%3A%2F%2Fpic.qiantucdn.com%2F58pic%2F19%2F74%2F30%2F57108f7f385ad_1024.jpg"
                        alt="">
                    <div> <a href="#">预览</a>
                    </div>
                </div>
                <h3>我的作品</h3>
            </li>
            <li>
                <div class="imgageWrapper"><img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1490526863327&di=62c9ade5a75f2f1c046f47e4b7838632&imgtype=0&src=http%3A%2F%2Fpic.qiantucdn.com%2F58pic%2F19%2F74%2F30%2F57108f7f385ad_1024.jpg"
                        alt="">
                    <div>
                        <a href="#">预览</a>
                    </div>
                </div>
                <h3>我的作品</h3>
            </li>
            <li>
                <div class="imgageWrapper"><img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1490526863327&di=62c9ade5a75f2f1c046f47e4b7838632&imgtype=0&src=http%3A%2F%2Fpic.qiantucdn.com%2F58pic%2F19%2F74%2F30%2F57108f7f385ad_1024.jpg"
                        alt="">
                    <div> <a href="#">预览</a>
                    </div>
                </div>
                <h3>我的作品</h3>
            </li>
            <li>
                <div class="imgageWrapper"><img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1490526863327&di=62c9ade5a75f2f1c046f47e4b7838632&imgtype=0&src=http%3A%2F%2Fpic.qiantucdn.com%2F58pic%2F19%2F74%2F30%2F57108f7f385ad_1024.jpg"
                        alt="">
                    <div> <a href="#">预览</a>
                    </div>
                </div>
                <h3>我的作品</h3>
            </li>
            <li>
                <div class="imgageWrapper">
                    <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1490526863327&di=62c9ade5a75f2f1c046f47e4b7838632&imgtype=0&src=http%3A%2F%2Fpic.qiantucdn.com%2F58pic%2F19%2F74%2F30%2F57108f7f385ad_1024.jpg"
                        alt="">
                    <div> <a href="#">预览</a>
                    </div>
                </div>
                <h3>我的作品</h3>
            </li>
            <li>
                <div class="imgageWrapper"><img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1490526863327&di=62c9ade5a75f2f1c046f47e4b7838632&imgtype=0&src=http%3A%2F%2Fpic.qiantucdn.com%2F58pic%2F19%2F74%2F30%2F57108f7f385ad_1024.jpg"
                        alt="">
                    <div> <a href="#">预览</a>
                    </div>
                </div>
                <h3>我的作品</h3>
            </li>
        </ul>
    </section>
    <!--<section class="skill">
        <h2>技能</h2>
        <ol>
            <li>静态页面</li>
            <li>动态页面</li>
            <li>移动端页面</li>
            <li>前端框架</li>
        </ol>
        <ol>
            <li>100% 还原设计稿，像素极页面制作能力</li>
            <li>熟悉 HTTP、AJAX,JSONP 等技术，了解前后端分离开发模式</li>
            <li>熟悉CSS3\响应式页面等</li>
            <li>了解 vue.js，react基本原理，能使用前端框架开发富交互应用</li>
        </ol>
    </section>-->
    <section class="contacts">
        <h2>联系我</h2>
        <dl>
            <dt>邮箱</dt>
            <dd><a href="mailto:41123XXX@qq.com">mailto:41123XXX@qq.com</a></dd>
        </dl>
        <dl>
            <dt>微信</dt>
            <dd>XXXX</dd>
        </dl>
        <dl>
            <dt>手机</dt>
            <dd>xxxxxxxxxxx</dd>
        </dl>
    </section>
</body>

</html>